<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc"%>
<%@ include file="/WEB-INF/inc/script.inc"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="${base}">
<title>中金通 | 新增产品</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">

<!-- 向导css -->
<link href="css/plugins/steps/jquery.steps.css" rel="stylesheet">
<!-- end -->
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

 <!-- 下拉框 -->
<link href="css/plugins/chosen/chosen.css" rel="stylesheet">
<style type="text/css">
textarea {
	resize: none;
}

.detailText
	{
	 padding:6px 12px; 
	}
	
.form-control2{
    background-color: #FFFFFF;
    background-image: none;
    color: inherit;
    display: block;
    padding: 6px 12px;
    width: 100%;
    font-size: 14px;
}
.wizard > .content > .body input {
    display: block;
    border: 1px solid #EEE;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #1AB394;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

</style>


</head>

<body>

	<div id="wrapper">

		<!-- 左侧菜单 -->
		<jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<!-- 头部工具栏区 -->
				<jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>产品管理</h2>
					<ol class="breadcrumb">
						<li><a href="common/platform">Home</a></li>
						<li><a href="assetAllocation/productList">产品管理</a></li>
						<li class="active"><strong>配置详情 </strong></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>

			<div class="row" style="margin-top: 10px;">
				<div class="col-md-12">
					<div class="tabs-container">
						<ul class="nav nav-tabs">
							<li class="active" id="detailLi"><a> 配置详情 </a></li>
							<li class="" id="auditLi"><a>审批记录</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active">
								<div class="panel-body">
									<div class="wrapper wrapper-content animated fadeInRight ecommerce">
										<div>
											<form method="post" id="addForm" enctype="multipart/form-data" action="" class="form-horizontal wizard-big">
												<input type="text" name="id" style="display:none" value="${product.id}">
												<div id="detailContent">
						                            <div class="row">
						                            	<div class="col-sm-8">
															<div class="form-group">
																<label class="col-sm-3 control-label"><font
																	color="red">*&nbsp;&nbsp;</font>产品名称:</label>
																<div class="col-sm-6">
																	<div class="form-control2" >${productName}</div>
																	<input type="hidden" id="assetAllocationId" name="productId" value="${assetAllocationID}">
																</div>
															</div>
						                                </div>
						                              </div> 
						                              <div class="row">
														<div class="col-sm-8">
															<div class="form-group">
																<label class="col-sm-3 control-label"><font
																	color="red">*&nbsp;&nbsp;</font>本地资产配置名称:</label>
																<div class="col-sm-6">
																	<div class="form-control2" >${assetAllocationName}</div>
																</div>
															</div>
						                                </div>
													</div>
									                 <br>
						                              <div class="row" >
										                <div class="col-lg-12">
										                    <div class="ibox">
										                        <div class="ibox-content">
										                            <table id="modelEditable_comm" class="table table-striped table-bordered table-hover">
										                                <thead>
											                               	 <tr>
											                                    <th>编号</th>
																				<th>项目名称</th>
																				<th>项目拟配置金额</th>
																				<th>历史已配置金额</th>
																				<th>收款人</th>
																				<th>收款银行</th>
																				<th>银行卡号</th>
																				<th>本期配置金额</th>
																				<th>备注</th>
											                                </tr>
										                              	  </thead>
											                              <tbody id="modelEditable_tbody"></tbody>
											                        </table>
										                        </div>
										                    </div>
										                </div>
										            </div>
										            </div>
												
						                             <div class="row" id="auditRecord" style="display:none">
						                             	<c:forEach var="i" begin="0" end="${listFlowLogList.size()-1}">
						                             	<div class="row">
									                    	<div class="col-md-8">
									                    		<label class="col-sm-3 control-label">时间:</label>
																<div class="col-sm-6">
																	<div class="form-control2" ><fmt:formatDate value="${listFlowLogList.get(0).getCreateTime()}" pattern="yyyy年MM月dd日"/></div>
																</div>
									                    	</div>
									                    	 <div class="col-md-8">
									                    		<label class="col-sm-3 control-label">审批人:</label>
																<div class="col-sm-6">
																	<div class="form-control2" ><c:out value="${listFlowLogList.get(i).getEmployeeName()}" escapeXml="false">审批人为空</c:out></div>
																</div>
									                    	</div>
									                    	<div class="col-md-8">
									                    		<label class="col-sm-3 control-label">审批部门:</label>
																<div class="col-sm-6">
																	<div class="form-control2" ><c:out value="${listFlowLogList.get(i).getOrgId()}" escapeXml="false">审批部门为空</c:out></div>
																</div>
									                    	</div>
									                    	<div class="col-md-8">
									                    		<label class="col-sm-3 control-label">审批结果:</label>
																<div class="col-sm-6">
																	<div class="form-control2" ><c:out value="${listFlowLogList.get(i).getResult()}" escapeXml="false">审批结果为空</c:out></div>
																</div>
									                    	</div>
									                    	<div class="col-md-8">
									                    		<label class="col-sm-3 control-label">审批意见:</label>
																<div class="col-sm-6">
																	<div class="form-control2" ><c:out value="${listFlowLogList.get(i).getSuggestion()}" escapeXml="false">审批意见为空</c:out></div>
																</div>
									                    	</div>
									                    </div> 
									                    
									                    <br>
									                    	<br>
									                    </c:forEach>
									                 </div>
											
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		<!-- 底部版权 -->
			<jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>
		</div>
	</div>

	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
	<script src="js/plugins/validate/jquery.validate.min.js" type="text/javascript"></script>
	<script src="js/plugins/validate/jquery.validate.messages-zh_CN.js" type="text/javascript"></script>
	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
	<!-- Data picker -->
	<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

	<!-- Data Tables -->
	<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
	<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
	<script src="js/plugins/dataTables/dataTables.responsive.js"></script>
	<script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
    
    <!-- Steps -->
    <script src="js/plugins/staps/jquery.steps.min.js"></script>
    
	<!-- 业务 -->
	<script src="js/asset/asset-detail.js?v=${jsVersion}"></script>
	
	<!-- Chosen -->
	<script src="js/jquery.form.js"></script>


	<!-- 产品基本信息 -->
	<script>
		$(document).ready(function() {
			AssetDetail.init();
		});
	</script>
	
   

</body>
</html>